<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/mystyle.css"/>
		<style type="text/css">
			/* 内部样式 */
			/* 
				语法
					选择器 {属性名: 属性值;属性名: 属性值;}
			 */
			/* 标签选择器
				影响所有指定名称的标签
			 */
			div {
				color: red;
			}
			
			.big {
				font-size: 40px;
			}
			
			.yellow {
				color: yellow;
			}
			
			#haha {
				/* font-size: 2em;
				/* bold=700 */
				/* font-weight: bold; */
				/* weight size family */
				font:  bold 2em "微软雅黑";
				text-align: center;
				background-color: #00FFFF;
				height: 100px;
				line-height: 100px;
				text-indent: 50px;
			}
			
			* {
				color: red;
				/* 不推荐去修改字体 */
				/* font-family: "宋体"; */
			}
			
			span {
				text-align: center;
			}
			
			.del {
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<!-- 
			标签的style属性就是内联样式表
			内联样式优先级最高
		 -->
		<div style="color: antiquewhite;">
			我是一大盒子
		</div>
		<div class="big yellow">
			我是一大盒子
		</div>
		<div id="haha">
			<span>这是haha的盒子这是haha的盒子这是haha的盒子这是haha的盒子这是haha的盒子这是haha的盒子这是haha的盒子这是haha的盒子这是haha的盒子这是haha的盒子这是haha的盒子这是haha的盒子</span>
		</div>
		<span>这是小盒子</span>
		<h1>这是h1</h1>
		<del>原价：999</del>
		<span class="del">现价：99</span>
		<a href="#">百度一下</a>
	</body>
</html>
